import { trigger, state, style, animate, transition, keyframes } from '@angular/animations';

export const itemAnim = trigger('item',[
    state('in', style({ 'border-left-width':'3px' })),
    // 定义另外一个状态
    state('out', style({ 'border-left-width':'8px'})),
    // 定义运动过程(从out到hover状态)
    transition('in=>out', animate('100ms ease-in')),
    // 定义运动过程(从hover到out)
    transition('out=>in', animate('100ms ease-out')),
]);